More · Typografie
Typografie
Headlines in Lexend, Fließtext in einer klassischen Serif, UI in System-Sans und technische Werte in Mono. Unten folgen Rollen, Skala und ihr Zusammenspiel im Einsatz.
Die Skala
Von Tiny bis H1
H1 · --text-h1 · Lexend 600
The quick brown fox
H2 · --text-h2 · Lexend 600
The quick brown fox jumps
H3 · --text-h3 · Lexend 600
The quick brown fox jumps over
H4 · --text-h4 · Lexend 600
The quick brown fox jumps over the lazy dog
H5 · --text-h5 · Lexend 600
The quick brown fox jumps over the lazy dog
Base · --text-base · Body
The quick brown fox jumps over the lazy dog. Der Fließtext läuft in einer gut lesbaren Serif und ist auf rund 66 Zeichen Lesebreite begrenzt.
Small · --text-small · UI
The quick brown fox jumps over the lazy dog.
Tiny · --text-tiny · Mono
--color-brand · --radius-container
Overline · UI + --text-tiny
The quick brown fox
Die Schnitte
Lexend in vier Stärken
Selbst gehostet, ohne externen Schriftanbieter. Die Kern-Headlines nutzen 600 — die weiteren Schnitte stehen für Akzente bereit.
Lexend 400 · Regular
The quick brown fox jumps over the lazy dog
Lexend 500 · Medium
The quick brown fox jumps over the lazy dog
Lexend 600 · Semibold — Standard-Headline
The quick brown fox jumps over the lazy dog
Lexend 700 · Bold
The quick brown fox jumps over the lazy dog
Im Einsatz
Headline trifft Fließtext
Worauf es ankommt: genug Luft zwischen Überschrift und Text, klare Lesebreite, ruhige Hierarchie.
Beispiel · Editorial
Ein Satz, der Haltung zeigt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Eine große Headline in Lexend, darunter ruhiger Serif-Fließtext auf Lesebreite — so entsteht Ruhe statt Lärm.
Beispiel · Artikel
Zwischenüberschrift
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Die 30/70-Spalte hält die Überschrift schmal und gibt dem Text Raum — ideal für längere Abschnitte.
Beispiel · Auftakt
Mit einem Lead beginnen
Der Einleitungsabsatz nutzt hier bewusst den normalen Fließtext — er führt in den Text ein, ohne mit der Headline zu konkurrieren.
Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.
Weiterstöbern